<div class="tools-grid">
    <div class="tool-item">
        <button id="jsonTool">
            <i class="ri-braces-line"></i>
            <span>JSON工具</span>
        </button>
    </div>
    <div class="tool-item">
        <button id="imageTool">
            <i class="ri-image-line"></i>
            <span>图片处理</span>
        </button>
    </div>
    <div class="tool-item">
        <button id="tool3">
            <i class="ri-time-line"></i>
            <span>时间转换</span>
        </button>
    </div>
</div>

<script>
    document.getElementById('toolsGridComponent').innerHTML = document.querySelector('.tools-grid').outerHTML;
</script> 